﻿@model SILAS.Entidades.JASS

@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_layoutGeneral.cshtml";
}

<script type="text/javascript">


    $(function () {
        /*  Autocompletar ciudadano y empleado   */

        var ciudadano;
        var empleado;

        $("#txtBuscarCiudadano").autocomplete({
            source: '@Url.Action("GetCiudadanos", "Ciudadano")',
            minLength: 1,
            focus: function (event, ui) {

                var select = ui.item;
                $("#txtBuscarCiudadano").val(select.label);
                return false;
            },
            select: function (event, ui) {
                var select = ui.item;
                $("#txtBuscarCiudadano").val(select.label);
                ciudadano = select.ciudadano;
                return false;
            }
        });

        $("#add").click(function (e) {
            e.preventDefault();

            var row = $("#tblCiudadanos >tbody >tr").length;

            if (row == 0) {

                var filaTable = '<tr>';
                filaTable += '<td> <input type=\"hidden\" name=\"ConsejoDirectivoes[' + row + '].IdCiudadano\" value=\"' + ciudadano.IdCiudadano + '\" />' + ciudadano.Nombres + ' ' + ciudadano.ApPaterno + ' ' + ciudadano.ApMaterno + '</td>';
                filaTable += '<td>' + ciudadano.DNI + '</td>' + '<td><a href=\"#\" class =\"deleteLink\"><img src=\"/Content/Imagenes/delete.png\" alt=\"Eliminar Ciudadano\" /></a></td>';
                filaTable = filaTable + '</tr>';

                $("#tblCiudadanos tbody").append(filaTable).fadeIn("slow");
            }
            else {
                var sinerrores = true;

                $("#tblCiudadanos  tbody tr td:nth-child(1)").each(function (index, element) {
                    var IdCiudadano = $(element).find("input:eq(0)").val();
                    if (IdCiudadano == ciudadano.IdCiudadano) {
                        sinerrores = false;
                        return;
                    }
                });


                if (sinerrores) {

                    var filaTable = '<tr>';
                    filaTable += '<td> <input type=\"hidden\" name=\"ConsejoDirectivoes[' + row + '].IdCiudadano\" value=\"' + ciudadano.IdCiudadano + '\" />' + ciudadano.Nombres + ' ' + ciudadano.ApPaterno + ' ' + ciudadano.ApMaterno + '</td>';
                    filaTable += '<td>' + ciudadano.DNI + '</td>' + '<td><a href=\"#\" class =\"deleteLink\"><img src=\"/Content/Imagenes/delete.png\" alt=\"Eliminar Ciudadano\" /></a></td>';
                    filaTable = filaTable + '</tr>';

                    $("#tblCiudadanos tbody").append(filaTable).fadeIn("slow");

                }
                else {
                    alert('El Ciudadano ya esta como participante');
                }
            }

            document.getElementById("txtBuscarCiudadano").value = "";

        });

    });

    $(function () {
        $("#txtBuscarEmpleado").autocomplete({
            source: '@Url.Action("GetEmpleado", "Empleado")',
            minLength: 1,
            focus: function (event, ui) {
                var select = ui.item;
                $("#txtBuscarEmpleado").val(select.label);
                return false;
            },
            select: function (event, ui) {
                var select = ui.item;
                $("#txtBuscarEmpleado").val(select.label);
                empleado = select.empleado;
                return false;
            }
        });


        /* Eliminar Ciudadano   */

        $(".deleteLink").live("click", function (e) {
            e.preventDefault();

            var tr = $(this).parents("tr");

            $(tr).fadeOut("slow", function () {
                $(tr).remove();

                $("#tblCiudadanos  tbody tr").each(function (index, element) {
                    var fila = $(element);
                    $(fila).find('input[name$="IdCiudadano"]').attr("name", "ConsejoDirectivoes[" + index + "].IdCiudadano");
                });
            });
        });


                    $("#btncrear").click(function () {

                var data = $('form').serialize();

                $.post('@Url.Action("Create", "JASS")',
                         data,
                         function (ok) {
                             if (ok) {
                                 if (ok.exito == true) {
                                     alert(ok.msg);
                                     window.location = '@Url.Action("Menu", "Home")';
                                 }
                                 else {
                                     alert(ok.msg);
                                 }
                             }
                         }, "json");

                     });
   });
    </script>

<h2><b>Registrar Nuevo JASS</b></h2>

<script src="@Url.Content("~/Scripts/jquery.ui.datepicker.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm("Create", "JASS", FormMethod.Post, new { enctype = "multipart/form-data", id = "frmJass" }))
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend><h4><b>Datos Generales JASS</b></h4></legend>
        <div id='left' class='ui-widget ui-corner-all' style='float:left;width:25%;margin-top:0.5em;margin-left:0.5em;'>
        <div class="ui-widget-header ui-corner-top" style="padding:0.3em;">
            JASS
        </div>
        <div class="ui-widget-content ui-corner-bottom" style="padding:0.5em;">
           
               <div class="editor-label">
                    @Html.LabelFor(model => model.Nombre)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Nombre)
                    @Html.ValidationMessageFor(model => model.Nombre)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.nro_empadronados)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.nro_empadronados)
                    @Html.ValidationMessageFor(model => model.nro_empadronados)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.Cuota_mensual)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Cuota_mensual)
                    @Html.ValidationMessageFor(model => model.Cuota_mensual)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.Nro_Resolucion)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Nro_Resolucion)
                    @Html.ValidationMessageFor(model => model.Nro_Resolucion)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.Fec_Emision)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Fec_Emision)
                    @Html.ValidationMessageFor(model => model.Fec_Emision)
                </div>

                
@*                
                <div class="editor-label">
                    @Html.Label("Acta")
                </div>

                <input type="file" name="Acta" id="Acta"/>   *@             
        </div>

   </div>
      <div id='rigth' class='ui-widget ui-corner-all' style='float:left;width:40%;margin-top:0.5em;margin-left:0.5em;'>
        <div class="ui-widget-header ui-corner-top" style="padding:0.3em;">
            Ciudadanos Pertenecientes al Consejo Directivo
        </div>
        <div class="ui-widget-content ui-corner-bottom" style="padding:0.5em;">
             <table id="tblCiudadanos" border="1" cellpadding="3" cellspacing="3">
                <thead>
                  <tr>
                    <th>
                        Nombres
                    </th>
                    <th>
                        DNI
                    </th>
                </tr>
              </thead>

             <tbody>
                      
                  
            </tbody>  
            
            </table>

            @Html.Label("Buscar:")
            @Html.TextBox("txtBuscarCiudadano")
            <button type="button"  id="add">Añadir Ciudadano</button>
            </div>
        </div>   
       


        <p style='clear:both;margin-top:10em;padding:1em;'>
                 <!--input type="submit" value="Save" /-->
            <button id="btncrear" type="button">Crear</button> 
            
        </p>


    </fieldset>
}

<div>
    <a href="@Url.Action("Index", "Sector")">
			   <img src="@Url.Content("~/Content/Imagenes/volver.jpg")" title="Volver al Menu" alt="Volver al Menu" />
			</a>
</div>

